<template>
    <div class="person">
   
    </div>
</template>

<script lang="ts" setup name="Person">
//TS自定义接口限制对象类型属性
import {type PersonInter,type Persons} from '@/types'
    let person:PersonInter={id:"1234",name:"zhangsan",age:30}

    
    let personList:Persons=[{id:"sa23rrwe",name:"zhangsan",age:30},
        {id:"asr4",name:"zhangsan",age:30},
        {id:"dd1re",name:"zhangsan",age:30}
    ]

</script>

<style>
    .person{
        background-color:skyblue;
        box-shadow:0 0 10px;
        border-radius:10px;
        padding:20px;
    }
    button{
        margin:0 5px;
    }
</style>